<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="用户信息" name="list">
        <users-list/>
      </el-tab-pane>
<!--      <el-tab-pane label="登录日志" name="loginLog">-->
<!--        <users-login-log/>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="密码修改日志" name="passwordUpdateLog">-->
<!--        <users-password-change-log/>-->
<!--      </el-tab-pane>-->
    </el-tabs>
  </div>
</template>

<script>
import usersList from "@/views/backState/customer/users/usersList.vue";
import usersLoginLog from "@/views/backState/customer/users/usersLoginLog.vue";
import usersPasswordChangeLog from "@/views/backState/customer/users/usersPasswordChangeLog.vue";

export default {

  name: "usersMain",
  components: {
    usersList,
    usersLoginLog,
    usersPasswordChangeLog
  },
  data() {
    return {
      activeName: "list"
    }
  },
  methods: {
    changeTab(name) {
      this.activeName = name;
    }
  }
}
</script>

<style scoped>
.el-tabs--card {
  height: calc(100vh - 140px);
}

.el-tab-pane {
  height: calc(100vh - 140px);
  overflow-y: auto;
}
</style>